<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                template="templates/base.xhtml">
    <ui:param name="titulo" value="Login"/>
    <ui:define name="content">
        <f:view>
            <ice:form id="login_form">
                <ice:panelGrid id="contenedor" columns="2">
                    <img  src="#{request.contextPath}/resources/pics/logo.jpg" alt="Logo"/>
                    <ice:panelGroup style="width: 270px; margin-left:200px;"> 
                        <ice:panelGroup styleClass="iceDatTblColHdr encabezadoPanel">
                            <ice:outputText id="name" value="Login"/>
                        </ice:panelGroup>
                        <ice:panelGrid id="datos" columns="1" styleClass="datos">
                            <ice:outputLabel value="User"/>
                            <ice:inputText id ="pwd1"
                                           value="#{beanProviderWorkArea.user}"
                                           required="true"/>
                            <ice:outputLabel value="Password"/>
                            <ice:inputSecret id="pwd2"
                                             value="#{beanProviderWorkArea.password}" 
                                             required="true"/>
                            <ice:commandButton value="Login"
                                               action="#{beanProviderWorkArea.actionButtonLogin}"/>
                        </ice:panelGrid>

                    </ice:panelGroup>
                </ice:panelGrid>
            </ice:form>
        </f:view>
    </ui:define>
</ui:composition>